<section>
	<h1 class="blue" data-id="#plugins/angular">AngularJS </h1>
	
	<div class="hr hr-double hr32"></div>

	<!-- #section:plugins/angular -->
	<div class="help-content">
		<h3 class="info-title smaller">AngularJS</h3>
		<div class="info-section">
		 <ul class="info-list list-unstyled">
			<li>
				Currently AngularJS v1.5 is used which doesn't support IE8 and below!
				<br />
				The following files are required to use AngularJS:
<pre data-language="html">
<script src="path/to/components/angular/angular.js"></script>
<script src="path/to/components/angular-animate/angular-animate.js"></script>
<script src="path/to/components/angular-sanitize/angular-sanitize.js"></script>

<script src="path/to/components/angular-touch/angular-touch.js"></script>
<script src="path/to/components/angular-resource/angular-resource.js"></script>
</pre>
			</li>
			
			<li>
				Angular UI is used for <a href="https://angular-ui.github.io/bootstrap/">Bootstrap components</a>
<pre data-language="html">
<script src="path/to/components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
</pre>
			as well as other ones like Angular UI Calendar, Masked input, etc ...
			</li>
			
			<li>
				In Ace's demo, <a href="https://github.com/ocombe/ocLazyLoad">ocLazyLoad</a> is used so that we only load CSS and JS files when required (i.e. lazy loading):
<pre data-language="html">
<script src="path/to/components/oclazyload/dist/ocLazyLoad.js"></script>
</pre>
			</li>
			
			<li>
				In Ace's demo, <a href="https://github.com/angular-ui/ui-router">Angular UI Router</a> is used for specifying application states and routing:
<pre data-language="html">
<script src="path/to/components/angular-ui-router/release/angular-ui-router.js"></script>
</pre>
			</li>
		 </ul>
		</div>
		
		
		<h3 class="info-title smaller"  data-id="#plugins/angular.plugins">Plugins</h3>
		<div class="info-section">
		 <ul class="info-list list-unstyled">
			<li>
				<code>angular-bootstrap-colorpicker</code>:
				<a href="https://github.com/buberdds/angular-bootstrap-colorpicker">Angular Bootstrap Colorpicker</a>
			</li>
		 
			<li>
				<code>angular-bootstrap-multiselect</code>:
				Directive for <a href="#plugins/input.multiselect">Multiselect Plugin</a>.
				<a href="https://github.com/sebastianha/angular-bootstrap-multiselect">More Info</a>
			</li>
			
			<li>
				<code>angular-chosen-localytics</code>:
				Directive for <a href="#plugins/input.chosen">Chosen</a>.
				<a href="https://github.com/localytics/angular-chosen">More Info</a>
			</li>
			
			<li>
				<code>angular-colorbox</code>:
				Directive for <a href="#plugins/misc.colorbox">Colorbox</a>.
				<a href="http://igorlino.github.io/angular-colorbox/">More Info</a>
			</li>
			
			<li>
				<code>angular-datatables</code>:
				Directive for <a href="#plugins/tables.datatables">DataTables</a>.
				<a href="https://github.com/l-lin/angular-datatables">More Info</a>
			</li>
			
			<li>
				<code>angular-daterangepicker</code>:
				Directive for <a href="#plugins/date-time.daterangepicker">Daterange Picker</a>.
				<a href="https://github.com/fragaria/angular-daterangepicker">More Info</a>
			</li>
			
			<li>
				<code>angular-dragdrop</code>:
				Directive for jQuery UI Drag &amp; Drop.
				<a href="http://codef0rmer.github.io/angular-dragdrop">More Info</a>
			</li>
			
			<li>
				<code>angular-dropzone</code>:
				Directive for <a href="#plugins/misc.dropzone">Dropzone</a>.
				<a href="https://github.com/sandbochs/angular-dropzone">More Info</a>
			</li>
			
			<li>
				<code>angular-elastic</code>:
				Angular directive for elastic textarea elements.
				<a href="https://github.com/monospaced/angular-elastic">More Info</a>
			</li>
			
			<li>
				<code>angular-flot</code>:
				Directive for <a href="#plugins/charts.flotchart">Flotcharts</a>.
				<a href="http://github.com/develersrl/angular-flot">More Info</a>
			</li>
			
			<li>
				<code>angular-knob</code>:
				Directive for <a href="#plugins/charts.knob">jQuery Knob Plugin</a>.
				<a href="https://github.com/yunlzheng/angular-knob">More Info</a>
			</li>
			
			<li>
				<code>angular-nestable</code>:
				Directive for <a href="#plugins/misc.nestable-list">jQuery Nestable Lists</a>.
				<a href="http://kamilkp.github.io/ng-nestable">More Info</a>
			</li>
			
			<li>
				<code>angular-spinner</code>:
				Directive for <a href="#plugins/misc.spin-js">Spin.js</a>.
				<a href="https://github.com/urish/angular-spinner">More Info</a>
			</li>
			
			<li>
				<code>angular-tree-control</code>:
				Pure Angular Tree Control.
				<a href="https://github.com/wix/angular-tree-control">More Info</a>
			</li>
			
			<li>
				<code>angular-typeahead</code>:
				Directive for <a href="#plugins/misc.typeahead-js">Typeahead.js</a>.
				<a href="https://github.com/Siyfion/angular-typeahead">More Info</a>
			</li>
			
			<li>
				<code>angular-ui-calendar</code>:
				Directive for <a href="#plugins/date-time.fullcalendar">FullCalendar</a>.
				<a href="https://github.com/angular-ui/ui-calendar">More Info</a>
			</li>
			
			<li>
				<code>angular-ui-mask</code>:
				Masked input directive.	<a href="https://github.com/angular-ui/ui-mask">More Info</a>
			</li>
			
			<li>
				<code>angular-ui-slider</code>:
				Directive for <a href="#plugins/jquery.slider">jQuery UI Slider</a>.
				<a href="https://github.com/angular-ui/ui-slider">More Info</a>
			</li>
			
			<li>
				<code>angular-wizard</code>:
				Angular Wizard.
				<a href="https://github.com/mgonto/angular-wizard">More Info</a>
			</li>
			
			<li>
				<code>ngstorage</code>:
				localStorage for AngularJS.
				<a href="https://github.com/gsklee/ngStorage">More Info</a>
			</li>
			
			<li>
				<code>ui-select</code>:
				Select2 for AngularJS.
				<a href="https://github.com/angular-ui/ui-select">More Info</a>
			</li>
			
			<li>
				<code>angular easy pie chart</code>:
				Easypie chart for AngularJS.
				<a href="https://github.com/rendro/easy-pie-chart">More Info</a>
				<br />
				File is located at:				
				<code>components/_mod/easypiechart/angular.easypiechart.js</code>
			</li>
			
			<li>
				<code>angular-aside</code>:
				Content Slider based on Angular UI Bootstrap's Modal Box.
				<a href="https://github.com/dbtek/angular-aside">More Info</a>
			</li>
		 </ul>
		</div>
	</div>
	<!-- /section:plugins/angular -->
</section>